// 进行axios二次封装，使用请求与响应拦截器
import axios from 'axios'
import { ElMessage } from 'element-plus'

// 1、创建axios实例
const request = axios.create({
    baseURL: "http://localhost:8090",
    timeout: 3000,
    headers: {
        "Content-type": "application/json;charset=UTF-8"
    }
});

// 2、添加请求拦截器
request.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    config.headers['token'] = localStorage.getItem('token')
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 3、添加响应拦截器
request.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
}, function (error) {
    // let message = '';
    // let status = error.response.status;
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    // switch (status) {
    //     case 401:
    //         message = "TOKEN过期";
    //         break;
    //     case 403:
    //         message = "无权访问";
    //         break;
    //     case 404:
    //         message = "请求地址错误";
    //         break;
    //     case 500:
    //         message = "服务器异常";
    //         break;
    //     case 203:
    //         message = "无数据";
    //         break;
    //     default:
    //         message = "网络异常"

    // }
    // 错误提示
    ElMessage({
        type: 'error',
        // message
    });
    return Promise.reject(error);
});


const req = {
    get(...args) {
        const [url, params] = args
        return new Promise((resolve, reject) => {
            request.get(url, { params })
                .then((res) => {
                    resolve(res.data)
                })
                .catch((err) => {
                    reject(err)
                })
        })
        // const config = {
        //     method: 'get',
        //     url: url
        // }
        // if (params) config.params = params
        // return request(config)
    },
    post(...args) {
        const [url, params] = args
        return new Promise((resolve, reject) => {
            request.post(url, params )
                .then((res) => {
                    resolve(res.data)
                })
                .catch((err) => {
                    reject(err)
                })
        })
        // const config = {
        //     method: 'post',
        //     url: url
        // }
        // if (params) config.data = params
        // return request(config)
    },
    postupload(...args) {
        const [url, params] = args
        const config = {
            headers: {
                "Content-Type": "multipart/form-data"
            }
        };
        return new Promise((resolve, reject) => {
            request.post(url, params ,config)
                .then((res) => {
                    resolve(res.data)
                })
                .catch((err) => {
                    reject(err)
                })
        })
        // const config = {
        //     method: 'post',
        //     url: url
        // }
        // if (params) config.data = params
        // return request(config)
    },
    put(...args) {
        const [url, params] = args
        return new Promise((resolve, reject) => {
            request.put(url,  params )
                .then((res) => {
                    resolve(res.data)
                })
                .catch((err) => {
                    reject(err)
                })
        })
        // const config = {
        //     method: 'put',
        //     url: url
        // }
        // if (params) config.params = params
        // return request(config)
    },
    delete(...args) {
        const [url, params] = args
        return new Promise((resolve, reject) => {
            request.delete(url, { params })
                .then((res) => {
                    resolve(res.data)
                })
                .catch((err) => {
                    reject(err)
                })
        })
        // const config = {
        //     method: 'delete',
        //     url: url
        // }
        // if (params) config.params = params
        // return request(config)
    }
}

// const get = function (...args) {
//     const [url, params] = args
//     return new Promise((resolve, reject) => {
//         request.get(url, { params })
//             .then((res) => {
//                 resolve(res.data)
//             })
//             .catch((err) => {
//                 reject(err)
//             })
//     })
// }
// const post = (...args) => {
//     const [url, params] = args

//     return new Promise((resolve, reject) => {
//         request.post(url, params)
//             .then((res) => {
//                 resolve(res.data)
//             })
//             .catch((err) => {
//                 reject(err)
//             })
//     })
// }
// const put = function (...args) {
//     const [url, params] = args
//     return new Promise((resolve, reject) => {
//         request.put(url, { params })
//             .then((res) => {
//                 resolve(res.data)
//             })
//             .catch((err) => {
//                 reject(err)
//             })
//     })
// }
// const del = (...args) => {
//     const [url, params] = args

//     return new Promise((resolve, reject) => {
//         request.post(url, params)
//             .then((res) => {
//                 resolve(res.data)
//             })
//             .catch((err) => {
//                 reject(err)
//             })
//     })
// }
export default req